.tableInfo {
  position: relative;
  height: 100%;
  width: 100%;
}

.comcn /deep/.el-dialog {
  width: 60% !important;
}

.el-dialog__wrapper {
  overflow: hidden !important;
}

.dialogMachine {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow-y: auto;
}

.reportTab {
  width: 100%;
  position: absolute;
  top: 34px;
  z-index: 8;
  background-color: #fff;
}

.reportPage {
  overflow-y: auto;
  margin-bottom: 20px;
}

.reportMachine {
  width: 900px;
  // height: 100%;
  box-shadow: 0 0 10px #7d7d7d;
  padding: 15px 30px;
  background-color: #fff;
  margin: 40px 0 50px 0 !important;

  display: flex;
  flex-direction: column;
  // justify-content: center;
  align-items: center;
  position: relative;

  .reportTitle {
    width: 100%;
    margin-bottom: 10px;

    .reportTitleContent {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px;

      .bigTitle {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
        height: 35px;
      }

      .samllTitle {
        font-size: 20px;
        line-height: 30px;
      }
    }

    .reportTitleFir {
      display: flex;
      justify-content: space-between;
      width: 89%;
      margin: auto;

      .left {
        width: 60%;
        display: flex;

        .name {
          width: 86px;
          display: flex;
          // justify-content: flex-end;
          align-items: center;
        }

        .lable {
          flex: 1;
        }
      }

      .right {
        width: 40%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
    }
  }

  .reportContent {
    border-radius: 0 !important;
    margin-bottom: 5px !important;
    width: 880px;
    border-top: 2px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 2px solid #000;

    display: flex;
    flex-direction: column;

    // flex-wrap: wrap;
    .regular {
      display: flex;

      flex-wrap: wrap;
    }

    .testPiece {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #000;

      .reportTrLable {
        width: 127px;
        min-height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #000;
        padding: 0 5px;
        text-align: center !important;
        box-sizing: border-box;
      }

      .reportTrData {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        border-left: 1px solid #000;
      }
    }

    .reportTr {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #000;

      .reportTrLable {
        width: 127px;
        min-height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #000;
        padding: 0 5px;
        text-align: center !important;
        box-sizing: border-box;
        line-height: 16px;
      }

      .reportTrValue {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        border-left: 1px solid #000;
      }
    }
  }

  .contentTable {
    display: flex;
    flex-direction: column;

    .reportTitles {
      display: flex;
      border-left: 1px solid #000;
      background-color: #f5f7fa;

      .projectNmae {
        width: 127px;
        box-sizing: content-box;
        height: 25px;
        line-height: 25px;
        text-align: center;

        // border-right: 1px solid #ccc;
      }

      .surveyArea {
        width: 150px;
        text-align: center;
        height: 25px;
        line-height: 25px;
        border-left: 1px solid #ccc;
      }

      .point {
        flex: 1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #ccc;
      }
    }

    .reportContents {
      display: flex;
      border-left: 1px solid #000;

      .left {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #ccc;

        .regular {
          display: flex;

          .projectNmae {
            width: 127px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f5f7fa;
            border-top: 1px solid #ccc;
          }

          .surveyAreaBox {
            border-left: 1px solid #ccc;
            display: flex;
            width: 150px;
            background-color: #f5f7fa;
            flex-direction: column;

            .surveyArea {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 25px;
              line-height: 25px;
              border-top: 1px solid #ccc;

              // flex-direction: column;
            }
          }
        }

        .conversion {
          background-color: #f5f7fa;
          height: 26px;
          line-height: 26px;
          display: flex;
          justify-content: center;
          border-top: 1px solid #ccc;

          align-items: center;
        }
      }

      .right {
        display: flex;
        flex: 1;
        flex-direction: column;

        .line {
          display: flex;
          flex: 1;

          .arrange {
            flex: 1;
            height: 25px;
            border-right: 1px solid #ccc;
            border-top: 1px solid #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
          }
        }
      }
    }

    .reportBottom {
      width: 100%;
      // border-top: 1px solid #000;
      border-left: 1px solid #000;
      display: flex;
      flex-direction: column;

      .blank {
        height: 65px;
        padding: 3px;
      }

      .reportConclusion {
        height: 65px;
        padding: 3px;
        border-top: 1px solid #000;
        // nian
        display: flex;

        .reportConclusion_text {
          height: 100%;
          width: 80px;
        }

        /deep/ .el-textarea {
          height: 100%;
          width: calc(100% - 80px) !important;
        }

        /deep/ .el-textarea__inner {
          height: 100%;
        }

        // nian

      }
    }
  }
}

.recordMachine {
  width: 1560px;
  box-shadow: 0 0 10px #7d7d7d;
  padding: 15px 30px;
  background-color: #fff;
  margin: 40px 0 50px 0 !important;
  display: flex;
  flex-direction: column;
  // justify-content: center;
  align-items: center;
  position: relative;
  

  .reportTitle {
    width: 99%;
    margin-bottom: 10px;

    .reportTitleContent {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px;

      .bigTitle {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
        height: 35px;
      }

      .samllTitle {
        font-size: 20px;
        line-height: 30px;
      }
    }

    .reportTitleFir {
      display: flex;
      justify-content: space-between;

      .left {
        display: flex;
      }
    }
  }

  .reportContent {
    border-radius: 0 !important;
    margin-bottom: 5px !important;
    width: 99%;
    border-top: 2px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 2px solid #000;

    // border-top: 1px solid #000;
    // border-left: 1px solid #000;
    // border-bottom: 1px solid #000;
    // border-right: 2px solid #000;

    display: flex;
    flex-direction: column;

    // flex-wrap: wrap;
    .regular {
      display: flex;

      flex-wrap: wrap;
    }

    .testPiece {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #000;

      .reportTrLable {
        width: 127px;
        min-height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 5px;
        box-sizing: border-box;
        border-left: 1px solid #000;

      }

      .reportTrData {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        border-left: 1px solid #000;
      }
    }

    .reportTr {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #000;

      .reportTrLable {
        width: 127px;
        min-height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 5px;
        text-align: center !important;
        box-sizing: border-box;
        border-left: 1px solid #000;
        line-height: 16px;
        background-color: rgb(245, 247, 250);
      }

      .reportTrValue {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        border-left: 1px solid #000;
      }

      // .reportTrValue
    }
  }

  .contentTable {
    display: flex;

    // flex-direction: column;
    .contentTableLeft {
      width: 68%;
      border-left: 1px solid #000;
    }

    .contentTableRight {
      width: 32%;

      .title {
        height: 54px;
        display: flex;
        background-color: #f5f7fa;

        // border-bottom: 1px solid #ccc;
        .titleData {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          flex: 1;
          padding: 0 5px;
          border-left: 1px solid #ccc;
        }
      }

      .contentTableRightContent {
        display: flex;

        // background-color: #f5f7fa;
        .arrange {
          flex: 1;
          display: flex;
          flex-direction: column;

          .line {
            height: 26px;
            line-height: 25px;
            border-left: 1px solid #ccc;
            border-top: 1px solid #ccc;

            .type1 {
              display: flex;
              justify-content: center;
              align-items: center;
            }

            .type2 {
              display: flex;
              justify-content: center;
              align-items: center;
              // border-left: 1px solid #ccc;
              // border-top: 1px solid #ccc;
            }
          }
        }
      }
    }
  }
}

// 页面切换
.tab {
  display: flex;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  border-bottom: 2px solid #e4e7ed;
  padding: 0 0.16rem;

  .btn {
    margin-top: 4px;
    margin-right: 16px;
    width: 150px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
}

// 页面切换
.sgSign {
  width: 100%;
  display: flex;
  padding: 0 5px;
  justify-content: space-between;

  >div {
    flex: 25%;
  }

  .select {
    display: flex;

    .name {
      width: 50px;
    }
  }

  .time {
    display: flex;
    justify-content: flex-end;

    .timeer {
      width: 150px;
    }
  }
}

.contentTable /deep/.el-table .cell {
  padding: 0 !important;
}

.note {
  display: flex;
  border-bottom: 1px solid #000;

  .left {
    flex: 1;
    border-right: 1px solid #000;
    border-left: 1px solid #000;

    display: flex;
    height: 70px;
    padding: 3px;

    .name {
      width: 80px;
    }

    .lable {
      flex: 1;
    }
  }

  .right {
    flex: 1;
    flex-direction: column;
    // border-right: 1px solid #000;
    display: flex;
    height: 70px;
    justify-content: space-between;

    padding: 3px;

    .name {
      flex: 1;
      display: flex;

      .jlnoteName {
        width: 80px;
      }

      .jlnoteLable {
        flex: 1;
        overflow: hidden;
      }
    }

    .lable {
      display: flex;

      .placeholder {
        flex: 1;
      }

      .jlengineer {
        height: 28px;
        line-height: 28px;
        flex: 3;
        display: flex;
        text-align: center;
        justify-content: flex-end;
      }

      .time {
        display: flex;
        height: 28px;
        line-height: 28px;
        margin-left: 15px;

        .jltime {
          height: 25px;
          line-height: 25px;
          flex: 2;
          width: 120px;
          display: flex;
          text-align: center;
          justify-content: flex-end;
        }
      }

    }
  }
}

/deep/ .el-table .cell {
  height: 25px !important;
  line-height: 25px;
}

/deep/.el-input__inner {
  border: none !important;
  height: 100% !important;
  text-align: center;
  font-size: 14px;
}

.select /deep/.el-input__inner {
  border: none !important;
  height: 100% !important;
  text-align: left;
}

/deep/ input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

/deep/ input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}

/deep/input[type="number"] {
  -moz-appearance: textfield;
}

/deep/.el-icon-arrow-up:before {
  content: "\e6e1";
  display: none;
}

/deep/ .el-input.is-disabled .el-input__inner {
  line-height: 24px !important;
  height: 24px !important;
}

/deep/ .el-input__icon {

  display: none;
}

/deep/ .el-textarea__inner {
  // display: none;
  padding: 0;
  // max-height: 23px;
  // background: #eee !important;
}

.sampleInfo {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/deep/.yjxa-table__cell {
  padding: 0 !important;
}

.timeer /deep/.yjxa-date-editor.yjxa-input {
  width: 100% !important;
}

.sampleInfo /deep/.yjxa-input--prefix .yjxa-input__inner {
  padding: 0 !important;
}

.timeer /deep/.yjxa-input__prefix {
  display: none;
}

.jltime /deep/.yjxa-input__prefix,
.reportTrValue /deep/.yjxa-input__prefix {
  display: none;
}

/deep/ .el-dialog__header {
  background-color: #0c204d;
  padding: 0 20px !important;
  display: flex;
  position: relative;
  z-index: 393939 !important;
  height: 35px;
  align-items: center;
  justify-content: space-between;
}

/deep/ .yjxa-dialog__title {
  line-height: 24px;
  font-size: 18px;
  color: #fff !important;
}

.newlyAdded_btn {
  position: absolute;
  /* right: 5px; */
  right: 36px;
  bottom: 5px;
  z-index: 999;
}

/deep/.el-button {
  height: 25px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 5px;
  box-sizing: border-box;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}
.closuredc /deep/ .yjxa-dialog__headerbtn {
  position: absolute;
  top: 10px !important;
  right: 20px;
  padding: 0px;
  background: 0px 0px;
  border: none;
  outline: 0px;
  cursor: pointer;
  font-size: 16px;
}